<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Coffee Time</title>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../style/common/common.css" media="all">
    
    <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">  
    <!-- If you'd like to support IE8 -->  
    <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>  
  </head>
  <style type="text/css">
  
  </style>

   <script src="../../plugins/layui/layui.js"></script>
   <script src="../../plugins/jquery-3.3.1.min.js"></script>
   <script src="../../script/common/common.js"></script>
   <script src="../../script/live/index.js"></script>
   <script src="../../script/live/player/cyberplayer.js"></script>

  <body >
     <!--  <div class="base-container">
          <div class="base-wrapper" style="text-align:center">
             <a class="layui-btn" style="width:300px;margin-top:200px;background:#669966">开始沟通</a>
          </div>
      </div> -->

       <div id="playercontainer"></div>

       <script type="text/javascript">
            $(function(){
              var player = cyberplayer("playercontainer").setup({
                  width: 680,
                  height: 448,
                  file: "rtmp://ikuvn.com/live/nico?auth_key=1528361275-0-0-bf8ada5ae56ab9df1cf490d11aa98cc3", // <—rtmp直播地址
                  autostart: true,
                  stretching: "uniform",
                  volume: 100,
                  controls: true,
                  rtmp: {
                      reconnecttime: 5, // rtmp直播的重连次数
                      bufferlength: 1 // 缓冲多少秒之后开始播放 默认1秒
                  },
                  ak: "ee4ded6baa8143d5a4b46818f975dd3f" // 公有云平台注册即可获得accessKey
              });
            })
         </script>


  </body>
</html>